<style lang="less" scoped>
.load-wrap{
    height: 5px;
    background-color: #fff;
    border-radius: 4px;
    text-align: left;
}
.expand {
    height: 3px;
    margin: 1px 0;
    background: #2187e7;
    position: absolute;
    box-shadow: 0px 0px 10px 1px rgba(0,198,255,0.7);
    -moz-animation: fullexpand 10s ease-out;
    -webkit-animation: fullexpand 10s ease-out;
}
.css3  { 
  width:100%;  
  -moz-animation:css3 2s ease-out;        
  -webkit-animation:css3 2s ease-out;        
}
@-moz-keyframes css3  { 0%  { width:0px;} 100%{ width:100%;}  }
@-webkit-keyframes css3  { 0%  { width:0px;} 100%{ width:100%;}  }

</style>
<template>

<div class="load-wrap">
  <span class="expand css3"></span>
</div>


</template>
<script>

export default{
  name: 'loading'
}

</script>